<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<base href="<%=basePath%>">
<title>应用信息管理下的预警信息管理</title>
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="<%=basePath%>bootstrap/css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="<%=basePath%>css/public/common.css"/>
<link rel="stylesheet" href="<%=basePath%>css/yjxxgl/yjxxgl_jsyj.css" type="text/css" />
</head>
<body style="height: 100%;">
	<div class="main-content">
		<!-- map -->
		<div id="map">
		    <iframe style="width:100%;height:100%;" name="iframe_main_map" src="http://10.54.1.167:8080/wriss/pages/gis/gisonline/index.html"></iframe>
		</div>
		<!--end map  -->
		<!-- panel-bg -->
		<div class="panel-bg">
			<div class="panel-show-hide-block">
				<a href="javascript:void(0);" class="panel-block-normal"> <i
					class="glyphicon glyphicon-arrow-right"></i> <span>隐藏</span>
				</a>
			</div>
			<!-- panel content bg -->
			<div class="panel-bg-inner" style="width: 520px">
				<div class="tableTitle">
					地表水水位24小时内预警信息 <span class="glyphicon glyphicon-calendar"
						style="float: right;cursor: pointer;color: rgb(92, 229, 198);margin-top: 5px;"
						onclick="showModal();"></span>
				</div>
				<div class="tableContent">
					<table id="dbWaterData" cellpadding="0" cellspacing="0"
						style=" border: 1px solid #8B8484;height:100%" class="table-striped">
						<thead>
							<tr>
								<td style="width: 29%">测站名称</td>
								<td style="width: 29%">时间</td>
								<td style="width: 9.5%">水位</td>
								<td style="width: 9.5%">流量</td>
								<td style="width: 23%">预警等级</td>
							</tr>
						</thead>
						<!-- <tbody>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">屈家店(永新)(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
							<tr>
								<td style="width: 30%">耳闸(闸上)</td>
								<td style="width: 30%">2015/5/15 08:00</td>
								<td style="width: 10%">4.35</td>
								<td style="width: 10%">0</td>
								<td style="width: 20%">蓝色预警</td>
							</tr>
						</tbody> -->
					</table>
				</div>
			</div>
			<!-- panel content bg end -->
		</div>
		<!--end panel-bg  -->
	</div>
	<!--弹出框  -->
	<div class="imodal modal fade" id="myModal" role="dialog"
		aria-label="myModalLabel" aria-hidden="true">
		<div id="modal-dialog" class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header" style="background: #F0F5F7;padding: 10px!important;">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">地表水水位预警指标</h4>
				</div>
				<div class="modal-body" id="modal-body">
					<table id="tableTab" class="table-striped table-hover">
						<thead>
							<tr>
								<td rowspan="2">测站名称</td>
								<td colspan="2">洪水蓝色预警</td>
								<td colspan="2">洪水黄色预警</td>
								<td colspan="2">洪水橙色预警</td>
								<td colspan="2">洪水红色预警</td>
							</tr>
							<tr>
								<td>水位(m)</td>
								<td>流量(m³/s)</td>
								<td>水位(m)</td>
								<td>流量(m³/s)</td>
								<td>水位(m)</td>
								<td>流量(m³/s)</td>
								<td>水位(m)</td>
								<td>流量(m³/s)</td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
							<tr>
								<td>黄白桥</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
								<td>5.2≤Z≤5.5</td>
								<td>500≤Q≤1000</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn btn-danger btn-xs"
						data-dismiss="modal">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<!--end 弹出框  -->
</body>
<script type="text/javascript" src="<%=basePath%>js/public/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="<%=basePath%>bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/common.js"></script>
<script type="text/javascript" src="<%=basePath%>js/yjxxgl/yjxxgl_jsyj.js"></script>
</html>
